Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.

Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.

Ok, I got it

scrollbars

back . Home
here are some codes, for some wicked scrollbars, you can add to your site, just copy & paste the codes into a html box, and edit where needed! enjoy xox.

premade scrollbars

Pink:
<style type="text/css"> body {scrollbar-face-color: #FF82BD; scrollbar-darkshadow-color: #FF0079; scrollbar-shadow-color: #FF4AA0; scrollbar-3dlight-color: #FF82BD; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFB0D6; scrollbar-highlight-color: #WHITE; </style>

Orange:
<style type="text/css"> body {scrollbar-face-color: #FE7A18; scrollbar-darkshadow-color: #D15901; scrollbar-shadow-color: #FE6C01; scrollbar-3dlight-color: #FE7A18; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFC69B; scrollbar-highlight-color: #WHITE; </style>

Purple:
<style type="text/css"> body {scrollbar-face-color: #CB40FF; scrollbar-darkshadow-color: #9300CA; scrollbar-shadow-color: #AE00F0; scrollbar-3dlight-color: #CB40FF; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #E6A4FF; scrollbar-highlight-color: #WHITE; </style>

Red:
<style type="text/css"> body {scrollbar-face-color: #CC0000; scrollbar-darkshadow-color: #910000; scrollbar-shadow-color: #A40000; scrollbar-3dlight-color: #CC0000; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFC1C1; scrollbar-highlight-color: #WHITE; </style>

Green:
<style type="text/css"> body {scrollbar-face-color: #8BFF17; scrollbar-darkshadow-color: #39AD01; scrollbar-shadow-color: #69D200; scrollbar-3dlight-color: #8BFF17; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #C8FF91; scrollbar-highlight-color: #WHITE; </style>

Yellow:
<style type="text/css"> body {scrollbar-face-color: #FFE02F; scrollbar-darkshadow-color: #D2B300; scrollbar-shadow-color: #E8C500; scrollbar-3dlight-color: #FFE02F; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFF19F; scrollbar-highlight-color: #WHITE; </style>

Black:
<style type="text/css"> body {scrollbar-face-color: #5D5D5D; scrollbar-darkshadow-color: #303030; scrollbar-shadow-color: #454545; scrollbar-3dlight-color: #5D5D5D; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ACACAC; scrollbar-highlight-color: #WHITE; </style>

Blue:
<style>  </style>

No Scrollbar:
<BODY SCROLL="NO"> </BODY>

Blinking Colour Scrollbar:
<SCRIPT> var mode=0 function blinkscroll(){ if (mode==0) document.body.style.scrollbarFaceColor="FF00FF" else document.body.style.scrollbarFaceColor="9900FF" mode=(mode==0)? 1 : 0 } document.body.style.scrollbarArrowColor="0000FF" document.body.style.scrollbarTrackColor="0000FF" document.body.style.scrollbarShadowColor="0000FF" document.body.style.scrollbarHighlightColor="0000FF" document.body.style.scrollbar3dHighlightColor="0000FF" document.body.style.scrollbarDarkShadowColor="0000FF" setInterval("blinkscroll()",1000) </SCRIPT>

Blinking Blue & Black Scrollbar:
<HEAD> <SCRIPT LANGUAGE="JavaScript">    function eightb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("one()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function sevenb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("eightb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function sixb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("sevenb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function fiveb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("sixb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function fourb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("fiveb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function threeb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("fourb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function twob() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("threeb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function oneb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000090"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00001b"; } setTimeout("twob()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function eight() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("oneb()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function seven() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("eight()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function six() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("seven()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function five() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("six()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function four() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("five()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function three() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("four()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function two() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("three()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function one() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000010"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00009b"; } setTimeout("two()",100); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> setTimeout("one()",500); </SCRIPT> <P><CENTER> </CENTER><P> </P></P></HEAD>

Left Side Scrollbar:
<style type="text/css">  </style>

scrollbar generator

here is the code for the scrollbar genorator;
<center><DIV style="text-align:center; width:500px; height:600px; padding:5px; border:black 0px solid; background:#ffffff; filter:alpha(" opacity="70); opacity:.70;"> <style type="text/css">  </style> <SCRIPT language="javascript">  </SCRIPT> <SCRIPT language="JavaScript" src='http://www.guistuff.com/gens/iescroll.js'> </SCRIPT> <A href="http://www.guistuff.com/"><IMG border="0" src="http://www.guistuff.com/images/11dot.gif" width="1" height="1"></A></DIV></center>